<template lang="pug">
    footer.layout_footer
        .layout-wrap
            .logo.fl
                img(src="../../images/bottom_logo.png", alt="")
            .more-link.fr
                a(href="##") 首页
                a(href="##") 产品与项目
                a(href="##") 前景与加盟
                a(href="##") 服务与保障
                a(href="##") 培训与教育
                a(href="##") 御医传人门店
                router-link(:to="{name: 'about'}") 关于御医传人

                p.copyright Copyright © 2017-2018 深圳易帮云科技有限公司 版权所有
            p.copyright_h5.hidden Copyright © 2017-2018 御医传人 版权所有所有

</template>

<style lang="postcss">
.layout_footer{
    background: url('../../images/bottom_bg.png') no-repeat 50% 0;
    height: 100px;
    padding-top: 100px;

    .more-link{
        max-width: 70%;
        a{color:#fff;
            padding-left: 5px;
            margin-left: 5px;
            line-height: 16px;
            font-size: 16px;
            display: inline-block;
            border-left: 1px solid #fff;
            &:first-child{border:0;}
        }
    }
    .copyright{
        font-family: 'MicrosoftYaHeiUI';
        line-height: 20px;
        margin-top: 20px;
        text-align: right;
        color:#1FA787;
    }
}

@media screen and (max-width: 420px) {
    .layout_footer{
        height: auto;
        padding-bottom: 20px;
        text-align: center;
        background-size: cover;
        .logo{float: none;
            margin-bottom: 25px;
            img{width: 160px;}
        }
    }
    .more-link{display: none;}
    .copyright_h5{display: block;
        @extend %YaHeiUI;
        font-size: 12px;
        color: #1FA787;
    }
}
</style>
